<template>
  <div class="app-container">
    <div>
      <el-row>
        <el-form
          :model="queryParams"
          ref="queryForm"
          size="mini"
          :inline="true"
          v-show="showSearch"
          class="search-form"
        >
          <!-- 第一行搜索条件 -->
          <div class="search-row">
            <el-form-item size="mini" label="企业名称" prop="enterpriseName">
              <el-input
                v-model="queryParams.enterpriseName"
                placeholder="请输入企业名称"
                clearable
                @keyup.enter.native="handleQuery"
                style="width: 200rem;"
              />
            </el-form-item>
            <el-form-item label="行政区域" prop="administrativeArea">
              <Treeselect
                v-model="queryParams.administrativeArea"
                :options="options"
                :flat="true"
                style="width: 200rem;margin-bottom: 10px;"
                :show-count="true"
                :normalizer="normalizer"
                placeholder="请选择行政区域"
                class="tree-select"
              />
            </el-form-item>
            <el-form-item size="mini" label="所属园区" prop="parkName">
              <el-select style="width: 200rem;"
                         v-model="queryParams.parkName"
                         placeholder="请选择所属园区"
              >
                <el-option

                  v-for="dict in dict.type.belong_to_park"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="所属行业" prop="industry">
              <industry-select
                v-model="queryParams.industry"
                @change="handleIndustryChange"
              />
            </el-form-item>
            <el-form-item>
              <el-button
                type="primary"
                icon="el-icon-search"
                size="mini"
                @click="handleQuery"
              >搜索</el-button
              >
              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
              >重置</el-button
              >
            </el-form-item>
          </div>
        </el-form>
        <el-table
          size="mini"
          height="500"
          :row-style="{ height: '30px' }"
          border
          :cell-style="{ padding: '0px' }"
          ref="table"
          v-loading="loading"
          @row-click="clickRow"
          :header-cell-style="{'text-align':'center'}"
          :data="infoList"
          :class="{ 'no-multiple': markAs != null }"
          :row-class-name="tableRowClassName"
          highlight-current-row
        >
          <el-table-column
            label="序"
            type="index"
            width="40"
            align="left"
            prop="index"
            :index="indexMethod"
            :show-overflow-tooltip="true"
          ></el-table-column>
          <el-table-column
            label="创建时间"
            align="center"
            prop="creationTime"
            width="95"
            sortable
            v-if="columns[16].visible"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="企业名称"
            align="left"
            prop="enterpriseName"
            width="190"
            :show-overflow-tooltip="true"
            v-if="columns[0].visible"
          />
          <el-table-column
            label="所属区域"
            align="center"
            prop="areaName"
            v-if="columns[6].visible"
            width="100"
            sortable
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="行业类别"
            align="left"
            prop="industry"
            v-if="columns[11].visible"
            :show-overflow-tooltip="true"
            sortable
            width="100"
          >
            <template slot-scope="scope">
              <span>{{ getIndustryName(scope.row.industry) }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="联系人"
            align="center"
            prop="contacts"
            width="70"
            v-if="columns[1].visible"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="联系人职务"
            align="center"
            prop="position"
            :show-overflow-tooltip="true"
            width="85"
          />
          <el-table-column
            label="联系电话"
            align="center"
            prop="telephone"
            :show-overflow-tooltip="true"
            width="110"
          />
          <el-table-column
            label="成立日期"
            align="center"
            :show-overflow-tooltip="true"
            prop="establishmentDate"
            width="95"
            v-if="columns[12].visible"
            sortable
          >
            <template slot-scope="scope">
                <span>{{
                    parseTime(scope.row.establishmentDate, "{y}-{m}-{d}")
                  }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="注册资金"
            align="center"
            :show-overflow-tooltip="true"
            prop="registeredCapital"
            v-if="columns[13].visible"
            width="95"
            sortable
          >  <template slot-scope="scope">
            <span>{{scope.row.registeredCapital}}万元</span>
          </template></el-table-column>
          <el-table-column
            label="经营状态"
            align="center"
            prop="operateStatus"
            sortable
            v-if="columns[16].visible">
            <template slot-scope="scope">
              <dict-tag
                :options="dict.type.operate_status"
                :value="scope.row.operateStatus"
              />
            </template>
          </el-table-column>
        </el-table>
        <pagination
          v-show="total > 0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getList"
        />
      </el-row>
      <!-- 图片预览 -->
      <el-dialog :visible.sync="dialogVisible" append-to-body>
        <img width="100%" :src="dialogImageUrl" alt="" />
      </el-dialog>
      <!-- pdf预览 -->
      <el-dialog :visible.sync="dialogVisiblePdf" append-to-body>
        <pdf
          v-for="item in pageTotal"
          :src="pdfUrl"
          :key="item"
          :page="item"
        ></pdf>
      </el-dialog>
    </div>
  </div>
</template>

<script>
import {
  listDept,
  listDeptByEnterpriseInfo,
  getDept,
  delDept,
  addDept,
  updateDept,
  listDeptExcludeChild,
} from "@/api/system/dept";
import {
  listDetail,
  getDetail,
  delDetail,
  addDetail,
  updateDetail,
} from "@/api/enterprise/sharelogdetail";
import {
  listToAdmin,
  platformList,
  getBusinessManagerList,
  editBusinessManager,
} from "@/api/enterprise/info";
import { listLog, addLog, getLog } from "@/api/enterprise/sharelog";
import Treeselect from "@riophae/vue-treeselect";
import pdf from "vue-pdf";
import { listArea } from "@/api/area/area";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import { getIndustryTree } from "@/api/enterprise/industry";
import IndustrySelect from '../enterprise/info/components/IndustrySelect';

export default {
  name: "enterpriseList",
  props: {
    markAs: {
      type: String,
      default: null,
    },
    enterprise: {
      type: String,
      default: null,
    },
    //选择企业的时候不能展示树节点的,同样，人员管理选择企业的时候，其他标签页不展示操作按钮
    isTree: {
      type: Boolean,
      default: true,
    },
    //判断是否是通过活动培训管理/问卷调查管理 传过来的，是的话允许多选
    train: {
      type: Boolean,
      default: false,
    },
    //判断是否是通过人员管理或者其他客户管理下面调用的，只是单纯的选择客户或者企业
    isEnterprise: {
      type: Boolean,
      default: false,
    },
    //根据园区id查询园区下面归属于的客户信息
    platformName: {
      type:  String,
      default: null,
    }
  },
  components: { Treeselect, pdf, IndustrySelect },
  dicts: [
    "belong_to_park",
    "customer_industry_serve",
    "customer_industry_garden",
    "sys_org_type",
    "sys_normal_disable",
    "enterprise_nature",
    "enterprise_source",
    "customer_industry",
    "enterprise_status",
    "operate_status",
    "register_status",
    "template_class",
    "customer_industry_new"
  ],
  data() {
    return {
      orgId: null,
      rowId: null,
      isMarkas: false,
      totalDept: 0,
      isAdmin: true,
      toAdmin: false,
      totalLog: 0,
      totalLogDetail: 0,
      listLog: [],
      listLogDetail: [],
      lvliId: null,
      // 查询参数
      queryParamsLog: {
        pageNum: 1,
        pageSize: 15,
        shareEnterpriseName: null,
        pushId: null,
      },
      openPushClass: false,
      openLogDeailClass: false,
      //pdf预览
      dialogImageUrl: "",
      dialogImageUrlPdf: "",
      managerList:[],//业务经理列表
      pageTotal: null,
      dialogVisible: false,
      dialogVisiblePdf: false,
      refreshKey: 0,
      //typeCode: 'enterprise',
      formClass: {},
      openMainClass: false,
      titleClass: "修改主分类",
      titlePushClass: "资源共享",
      titleLogDeailClass: "共享日志详情",
      titleDeptClass: "选择接收企业",
      openDeptClass: false,
      optionData: null,
      userType: "1",
      sign: "1",
      // 遮罩层
      loading: true,
      loadingPrivate: true,
      // 选中数组
      ids: [],
      shareIds: [],
      shareNames: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      totalPrivate: 0,
      // 企业信息表格数据
      infoList: [],
      infoPrivateList: [],
      classId: null,
      enterpriseName:null,
      // 列信息
      columns: [
        { key: 0, label: `企业名称`, visible: true },
        { key: 1, label: `联系人`, visible: true },
        { key: 2, label: `联系电话`, visible: true },
        { key: 4, label: `公司编号`, visible: true },
        { key: 5, label: `状态`, visible: true },
        { key: 6, label: `行政区域`, visible: true },
        { key: 7, label: `企业性质`, visible: true },
        { key: 8, label: `开户银行`, visible: true },
        { key: 9, label: `开户账号`, visible: true },
        { key: 10, label: `税号`, visible: true },
        { key: 11, label: `所属行业`, visible: true },
        { key: 12, label: `成立日期`, visible: true },
        { key: 13, label: `注册资金`, visible: true },
        { key: 14, label: `附件`, visible: true },
        { key: 15, label: `最新操作时间`, visible: true },
        { key: 16, label: `经营状态`, visible: true },
        { key: 17, label: `创建时间`, visible: true },
        { key: 18, label: `状态`, visible: true },
      ],

      // 弹出层标题
      title: "",
      lvliOpen:false,
      // 是否显示弹出层
      open: false,
      selectionList: [],
      titleName: "",
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 15,
        enterpriseName: null,
        enterpriseNature: null,
        administrativeArea: null,
        industry: null,
        businessManager: null,
        markAs: null,
        parkName:null,
        belongTo:null,
        platformName:null
      },
      queryParamsPrivate: {
        pageNum: 1,
        pageSize: 15,
        enterpriseName: null,
        enterpriseSource: null,
        enterpriseAbbreviation: null,
        administrativeArea: null,
        legalRepresentative: null,
        establishmentDate: null,
        contractAmount: null,
        enterpriseLabel: null,
        registeredCapital: null,
        industry: null,
        industryType: null,
        contacts: null,
        telephone: null,
        bankName: null,
        taxId: null,
        developmentId: null,
        transactionId: null,
        developmentManager: null,
        businessManager: null,
        enterpriseAddress: null,
        businessScope: null,
        enterpriseNature: null,
        markAs: null,
        belongTo: null,

        classificationId: null,
      },
      convertBuiness: false,
      // 表单参数
      form: {},
      uuid: "",
      isClick: true,
      // 表单校验
      rules: {
        enterpriseName: [
          { required: true, message: "企业名称不能为空", trigger: "blur" },
        ],
      },
      type: 0,
      options:null,
      opt: "add",
      id: "",
      C: "",
      obj: null,
      index: null,
      edit: "edit",
      userNewId: null,
      activeName: "first",
      activeNameShare: "first",
      selectionPushList: [],
      queryParamsLogDetail: {
        pageNum: 1,
        pageSize: 15,
        logId: null,
        shareEnterpriseName: null,
        pushName: null,
        pushTime: null,
      },
      isMainTree: false,
      deptList: [],
      // 查询参数
      queryParamsDept: {
        pageNum: 1,
        pageSize: 15,
        deptName: undefined,
        companyType: undefined,
        status: undefined,
      },
      receiveEnterpriseId: null,
      receiveEnterpriseName: null,
      // Add loadedTabs tracking
      loadedTabs: {
        first: false,
        second: false,
        third: false,
        four: false
      },
      industryOptions: [], // 行业选项
      industryMap: new Map(), // 缓存行业数据
    };
  },
  created() {
    this.activeNameShare = "first";
    this.userId = this.$store.state.user.name;
    this.newMarkAs = this.$route.query.markAs;
    if (this.$route.query.markAs == "1" && this.$store.state.user.info.companyType != "0" || this.$store.state.user.info.userId == "2") {
      this.isMarkas = true;
    }
    if (
      this.$route.query.enterpriseName != "" &&
      this.$route.query.enterpriseName != null &&
      this.$route.query.enterpriseName != undefined
    ) {
      this.queryParams.enterpriseName = this.$route.query.enterpriseName;
    }
    this.newWebsiteAs = this.$route.query.websiteAs;
    if (this.newWebsiteAs == "1") {
      this.isShowBtn = false;
    } else {
      this.isShowBtn = true;
    }
    if (Reflect.has(this.$route.query, "markAs")) {
      this.queryParams.markAs = this.$route.query.markAs;
      this.queryParamsPrivate.markAs = this.$route.query.markAs;
      //this.markAs = this.$route.query.markAs
    }
    if (this.markAs != null) {
      this.queryParams.markAs = this.markAs;
      this.queryParamsPrivate.markAs = this.$route.query.markAs;
    }
    this.loadFirstTabData();
    this.area();
    this.getBusinessManagerList();
    //this.getListPrivate();
    //this.listType();
    this.getIndustryTreeData();
  },
  methods: {
    area() {
      listArea({}).then(response => {
        this.options = response.data;
      });
    },
    //查询业务经理列表
    getBusinessManagerList() {
      getBusinessManagerList().then(response => {
        this.managerList = response;
      });
    },
    closeEle() {
      this.form.enterpriseName=null;
      this.form.enterpriseId=null;
      this.convertBuiness = false;
    },
    handleRadioChange() {
      this.queryParams.industry = '';
    },

    normalizer(node) {
      if (node.children && !node.children.length) {
        delete node.children;
      }
      return {
        id: node.areaId,
        label: node.areaName,
        isDisabled: false,
        children: node.list && node.list.length > 0 ? node.list : 0,
      };
    },
    // 推送代码 开始  ---------------//
    clickDept(row, index) {
      this.resetQueryDept();
      this.openDeptClass = true;
      this.getListDept();
    },
    /** 查询企业为服务机构列表 */
    getListDept() {
      this.queryParamsDept.companyType = "1";
      listDeptByEnterpriseInfo(this.queryParamsDept).then(response => {
        this.deptList = response.rows;
        this.totalDept = response.total;
        this.loading = false;
      });
    },
    //接收企业名称跳转到详情信息
    handleClickEnterpriseName(row, index) {
      if (row.id != undefined) {
        this.rowId = row.id;
      }

      this.openLogDeailClass = true;
      //日志详情表查询
      this.loading = true;
      this.queryParamsLogDetail.logId = this.rowId;
      listDetail(this.queryParamsLogDetail).then(response => {
        this.listLogDetail = response.rows;
        this.totalLogDetail = response.total;
        this.loading = false;
      });
    },
    //共享关闭弹窗
    cancelShareClass() {
      this.activeNameShare = "first";
      this.form.receiveEnterpriseName = "";
      this.openPushClass = false;
    },
    //共享日志详情关闭弹窗
    cancelShareDetailClass() {
      this.queryParamsLogDetail.pageNum = 1;
      this.openLogDeailClass = false;
    },
    //平台客户数据查询
    listToAdmin() {
      this.loading = true;
      listToAdmin(this.queryParamsPrivate).then(response => {
        this.infoPrivateList = response.rows;
        this.totalPrivate = response.total;
        this.loading = false;
        this.isAdmin = true;
      });
    },
    /** 只查询归属于自己的企业信息列表 */
    getListPrivate() {
      this.loading = true;
        this.listToAdmin();
    },
    //行点击
    clickRow(row) {
      this.$refs.table.toggleRowSelection(row);
    },
    clickRowTableSelect(row){
      this.$refs.tableSelect.toggleRowSelection(row);
    },
    //行点击
    clickRowDept(row) {
      this.$refs.tableDept.toggleRowSelection(row);
    },


    //pdf预览
    handlePictureCardPreviewPdf(url) {
      this.pdfUrl = pdf.createLoadingTask(url);
      // 获取页码
      this.pdfUrl.promise
        .then(pdf => (this.pageTotal = pdf.numPages))
        .catch(error => {});
      this.dialogImageUrlPdf = url;
      this.dialogVisiblePdf = true;
    },
    //文件上传中处理
    handleFileUploadProgress(event, file, fileList) {
      this.upload.isUploading = true;
    },
    // 文件上传成功处理
    handleFileSuccess(response, file, fileList) {
      this.upload.open = false;
      this.upload.isUploading = false;
      this.$refs.upload.clearFiles();
      this.$alert(
        "<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
        response.msg +
        "</div>",
        "导入结果",
        { dangerouslyUseHTMLString: true }
      );
      this.getList();
    },

    // 提交上传文件
    submitFileForm() {
      this.$refs.upload.submit();
      this.getList();
      this.upload.open = false;
    },
    handleImport() {
      this.upload.title = this.titleName + "导入";
      this.upload.open = true;
    },
    // listType() {
    //   listType({ typeCode: 'enterprise' }).then(res => {
    //     this.optionData = res.data;
    //   })
    // },
    //行点击事件
    handleCurrentChange(row, column, event) {
      //this.refreshKey++;
      //如果是从人员管理过来的，不展示详情数据
      // if (this.isTree === true) {
      //   this.opt = 'details'
      //   this.obj = row
      //   this.id = row.enterpriseId;
      //   this.open = true
      //   this.$nextTick(() => {
      //     this.$refs.operateref.selectActiveName()
      //   })
      // }
    },
    //当活动培训管理发送方访问的时候，如果用户自身的企业中有没有入驻的，不能让它进行选择
    setDisabled(row, index) {
      if (this.isTree === false && this.isEnterprise === false) {
        return row.settle;
      } else {
        return true;
      }
    },
    indexMethod(index) {
      return (
        (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1
      );
    },
    indexMethodDept(index) {
      return (
        (this.queryParamsDept.pageNum - 1) * this.queryParamsDept.pageSize +
        index +
        1
      );
    },
    indexLog(index) {
      return (
        (this.queryParamsLog.pageNum - 1) * this.queryParamsLog.pageSize +
        index +
        1
      );
    },
    indexLogDetail(index) {
      return (
        (this.queryParamsLogDetail.pageNum - 1) *
        this.queryParamsLogDetail.pageSize +
        index +
        1
      );
    },
    /** 查询企业信息列表 */
    getList() {
      this.loading = true;
      this.queryParams.platformName=this.platformName;
      platformList(this.queryParams).then(response => {
        //alert(response.rows.)
        this.infoList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    cancelClass() {
      this.openMainClass = false;
      this.resetClass();
    },
    // 表单重置
    resetClass() {
      this.formClass = {
        classificationId: null,
      };
    },
    // 取消按钮
    cancel() {
      this.$emit("change");
    },
    submitForm() {
      if (this.selectionList.length == 0) {
        this.$modal.msgError("请选择客户！");
      }
      if (this.train === false) {
        this.$emit("ok", this.selectionList[0]);
      } else {
        this.$emit("ok", this.selectionList);
      }
      this.$refs.table.clearSelection();
    },

    //索引初始化到对象
    tableRowClassName({ row, rowIndex }) {
      //把每一行的索引放进row
      row.index =
        (this.queryParams.pageNum - 1) * this.queryParams.pageSize +
        rowIndex +
        1;
    },
    // 表单重置
    reset() {
      this.form = {
        enterpriseId: null,
        enterpriseName: null,
        enterpriseSource: null,
        enterpriseAbbreviation: null,
        administrativeArea: null,
        legalRepresentative: null,
        establishmentDate: null,
        contractAmount: null,
        enterpriseLabel: null,
        registeredCapital: null,
        industry: null,
        contacts: null,
        telephone: null,
        bankName: null,
        taxId: null,
        developmentId: null,
        transactionId: null,
        developmentManager: null,
        businessManager: null,
        enterpriseAddress: null,
        businessScope: null,
        enterpriseNature: null,
        markAs: null,
        belongTo: null,
        creationTime: null,
        operateTime: null,
        operateId: null,
        departmentId: null,
        departmentName: null,
        organizationId: null,
        organizationName: null,
        delFlag: null,
        classificationId: null,
      };
      this.resetForm("form");
    },
    // editMainClass() {
    //     const params = {
    //       businessId: this.ids.toString(),
    //       mainClassId: this.formClass.classificationId,
    //     };
    //     editMainClass(params).then(response => {
    //       //this.$modal.msgSuccess("修改成功");
    //       //this.openMainClass = false;
    //       //this.getList();
    //     });
    //   // if (this.ids.length == 0) {
    //   //   this.$message.error("请选择要修改的信息！");
    //   // } else {
    //   //   this.openMainClass = true;
    //   // }
    // },
    userShow(type) {
      this.show = type;
      if (type == "1") {
        if (this.ids.length == 0) {
          this.$message.error("请选择要修改的信息！");
        } else {
          this.$refs.select.show();
        }
      } else {
        this.$refs.select.show();
      }
    },

    selectUser(userId, userName, phone, position) {
      if (this.show == "1") {
        const params = {
          businessId: this.ids.toString(),
          transactionId: userId,
          businessManager: userName,
        };
        editBusinessManager(params).then(response => {
          this.$modal.msgSuccess("修改成功");
          this.getList();
        });
      } else if (this.show == "2") {
        this.$set(this.form, "approvalName", userName);
        this.$set(this.form, "approvalId", userId);
      }
    },
    /** 推送搜索按钮操作 */
    handleQueryPrivate() {
      this.queryParamsPrivate.pageNum = 1;
      this.getListPrivate();
    },

    resetQueryPrivate() {
      //this.resetForm("queryFormPrivate");
      this.queryParamsPrivate.enterpriseName = null;
      this.queryParamsPrivate.enterpriseNature = null;
      this.queryParamsPrivate.industry = null;
      this.queryParamsPrivate.industryType = null;
      this.queryParamsPrivate.administrativeArea = null;
      this.handleQueryPrivate();
    },
    resetQueryDept() {
      //this.resetForm("queryFormPrivate");
      this.queryParamsDept.deptName = null;
      this.queryParamsDept.companyType = null;
      this.queryParamsDept.status = null;
      this.handleQueryDept();
    },

    /** 平台推送 机构搜索按钮操作 */
    handleQueryDept() {
      this.queryParamsDept.pageNum = 1;
      this.getListDept();
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.queryParams.enterpriseName = null;
      this.queryParams.enterpriseNature = null;
      this.queryParams.industry = null;
      this.queryParams.industryType = null;
      this.queryParams.administrativeArea = null;
      this.queryParams.transactionId = null;
      this.queryParams.parkName = null;
      this.handleQuery();
    },

    //文件预览
    handleView(url) {
      if (url != null && url != "" && url.indexOf(".pdf") !== -1) {
        this.handlePictureCardPreviewPdf(url);
      } else {
        this.handlePictureCardPreview(url);
      }
    },
    handlePictureCardPreview(url) {
      this.dialogImageUrl = url;
      this.dialogVisible = true;
    },
    // Add new methods for loading tab data
    loadFirstTabData() {
      this.getList();
      this.loadedTabs.first = true;
    },

    loadSecondTabData() {
      this.getListPrivate();
      this.loadedTabs.second = true;
    },
    // 获取行业树形数据
    getIndustryTreeData() {
      getIndustryTree().then(response => {
        this.industryOptions = this.handleIndustryData(response.data);
      });
    },

    // 处理行业数据,构建缓存
    handleIndustryData(data) {
      data.forEach(item => {
        this.industryMap.set(item.industryId, item.name);
        if (item.children && item.children.length > 0) {
          this.handleIndustryData(item.children);
        }
      });
      return data;
    },

    // 获取行业名称
    getIndustryName(industryId) {
      if (!industryId) return '';
      return this.industryMap.get(industryId) || '';
    },
    handleIndustryChange(val) {
      this.handleQuery();
    },
  },
};
</script>
<style scoped>
/*******所属区域下拉样式**********

/* 所属区域渲染的数据字体样式 */
::v-deep .vue-treeselect__option{
  color: #686161;
}
/* 输入框字体样式 */
::v-deep .vue-treeselect__input{
  color: #686161;
}
::v-deep .vue-treeselect__placeholder, .vue-treeselect__single-value {
  top: -2px;

}
::v-deep .vue-treeselect__single-value {
  top: -2px;
  color: #686161;
}
::v-deep .vue-treeselect__control {
  height:0px;
  padding-left: 9px;
  padding-right: 0px;
}
/**************************************/



.no-multiple {
// 隐藏多选
  ::v-deep
  .el-table_2_column_20
  .is-center
  .el-table-column--selection
  .is-leaf
  .el-table__cell {
    display: none;
  }
}
</style>
